<script setup lang="ts">
//import {store} from "../hooks/useGetLiveRoom"
//21292831
import {defineComponent} from 'vue';
import {ElButton} from "element-plus";
import {roomID,getLiveRoomForAxios,admin,room} from "../hooks/useGetLiveRoom";
import {adminArray,roomArray,show} from "../hooks/useGetLiveRoom"
</script>

<template>
    <p>直播间弹幕信息</p>
    <input type="text" v-model.number="roomID" placeholder="">
    <el-button @click="getLiveRoomForAxios(roomID)">点击获取</el-button>
    <div v-if="show === false">还木有数据</div>
    <!-- <p>{{admin}}</p> -->
    <ul v-else>
        <p>房管弹幕</p>
        <li v-for="(a,index) in adminArray" :key="index">
            {{a.text}}--发送人:{{a.nickname}}
        </li>
        <p>用户弹幕</p>
        <li v-for="(r,index) in roomArray" :key="index">
            {{r.text}}--发送人:{{r.nickname}}
        </li>
    </ul>
    <hr>
    
    <!-- <p>{{room}}</p> -->
    
</template>

<style lang="less" scoped>

</style>